<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BookBrowser</title>
    <link rel="stylesheet" href="style.css">
    <meta name="description" content="BookBrowser is a web-based ebook server supporting ePub and PDF. Features include search, a web-based reader, a responsive ui, and more.">
</head>

<body>
    <div class="container">
        <div class="nav">
            <div class="left">
                <div class="title">
                    <a href="#" class="item">BookBrowser</a>
                </div>
            </div>
            <div class="right">
                <a href="https://github.com/geek1011/BookBrowser/releases/latest" class="item">Download</a>
                <a href="https://github.com/geek1011/BookBrowser" class="item">GitHub</a>
            </div>
        </div>

        <div class="masthead">
            <div class="left">
                <div class="header">BookBrowser</div>
                <div class="description">A web-based ebook server supporting ePub and PDF. Features include search, a web-based reader, a responsive
                    ui, and more.</div>
                <a href="#download" class="download button">Download Now<br><small>Windows, Linux, macOS</small></a>
                <a href="https://bookbrowser-demo.geek1011.net" class="demo button">Demo<br><small>Usually availaible</small></a>
                <a class="github-button" href="https://github.com/geek1011/BookBrowser" data-icon="octicon-star" data-size="large" aria-label="Star geek1011/BookBrowser on GitHub">Star on GitHub</a>
            </div>
            <div class="right">
                <img src="screenshots/books-desktop.png" alt="">
            </div>
        </div>

        <div class="features">
            <div class="feature">
                <div class="name">Cross-Platform</div>
                <div class="description">BookBrowser runs on Windows, macOS, and Linux.</div>
            </div>
            <div class="feature">
                <div class="name">Easy To Use</div>
                <div class="description">Download it, move it to the folder with your books, run it.</div>
            </div>
            <div class="feature">
                <div class="name">Supports Multiple Formats</div>
                <div class="description">BookBrowser supports ePub and PDF, with more formats coming soon.</div>
            </div>
            <div class="feature">
                <div class="name">Simple and Powerful</div>
                <div class="description">BookBrowser has a clean UI, and also a powerful list view which allows you to see all your books at a glance.</div>
            </div>
            <div class="feature">
                <div class="name">Web-Based Reader</div>
                <div class="description">BookBrowser includes a highly customizable web-based reader so you can read your books from any device. You
                    can try it <a href="https://geek1011.github.io/ePubViewer">here</a>.</div>
            </div>
            <div class="feature">
                <div class="name">Sort</div>
                <div class="description">BookBrowser can sort books alphabetically, by series index, or by date.</div>
            </div>
            <div class="feature">
                <div class="name">Search</div>
                <div class="description">BookBrowser has powerful search functionality. You can search any combination of properties at once.</div>
            </div>
            <div class="feature">
                <div class="name">And more</div>
                <div class="description">BookBrowser has many other features as well.</div>
            </div>
        </div>

        <div class="section" id="screenshots">
            <div class="title">Screenshots</div>
            <div class="body">
                <table>
                    <thead>
                        <tr>
                            <th><a href="screenshots/books-mobile.png" target="_blank"><img src="screenshots/books-mobile.png" alt="" style="max-width:100%;"></a></th>
                            <th><a href="screenshots/books-list-mobile.png" target="_blank"><img src="screenshots/books-list-mobile.png" alt="" style="max-width:100%;"></a></th>
                            <th><a href="screenshots/authors-mobile.png" target="_blank"><img src="screenshots/authors-mobile.png" alt="" style="max-width:100%;"></a></th>
                            <th><a href="screenshots/book-mobile.png" target="_blank"><img src="screenshots/book-mobile.png" alt="" style="max-width:100%;"></a></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="screenshots/books-desktop.png" target="_blank"><img src="screenshots/books-desktop.png" alt="" style="max-width:100%;"></a></td>
                            <td><a href="screenshots/books-list-desktop.png" target="_blank"><img src="screenshots/books-list-desktop.png" alt="" style="max-width:100%;"></a></td>
                            <td><a href="screenshots/authors-desktop.png" target="_blank"><img src="screenshots/authors-desktop.png" alt="" style="max-width:100%;"></a></td>
                            <td><a href="screenshots/book-desktop.png" target="_blank"><img src="screenshots/book-desktop.png" alt="" style="max-width:100%;"></a></td>
                        </tr>
                    </tbody>
                </table>
                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="screenshots/reader-desktop.png" target="_blank"><img src="screenshots/reader-desktop.png" alt="" style="max-width:100%;"></a></td>
                            <td><a href="screenshots/reader-mobile.png" target="_blank"><img src="screenshots/reader-mobile.png" alt="" style="max-width:100%;"></a></td>
                        </tr>
                    </tbody>
                </table>
                <table>
                    <thead>
                        <tr>
                            <th><a href="screenshots/list-desktop.png" target="_blank"><img src="screenshots/list-desktop.png" alt="" style="max-width:100%;"></a></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="section">
            <div class="title">System Requirements</div>
            <div class="body">
                <ul>
                    <li><b>BookBrowser server:</b> Windows 7+, macOS or Linux</li>
                    <li><b>Web interface:</b> Chrome, Firefox 3+, IE 9+, Edge, Android Browser 4.4+, Opera</li>
                    <li><b>Web-based reader:</b> Chrome, Firefox 20+, IE 10+, Edge, Android Browser 4.4+, Opera 11+</li>
                </ul>
            </div>
        </div>

        <div class="section" id="download">
            <div class="title">Download</div>
            <div class="body">
                Download links can be found <a href="https://github.com/geek1011/BookBrowser/releases/latest">here</a>.
            </div>
        </div>

        <div class="footer section">
            <center>
                <div>Copyright 2018 <a href="https://geek1011.github.io">Patrick G</a></div>
            </center>
        </div>
    </div>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
</body>

</html>
